.home {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  .header {
    &-title{
      display: flex;
      align-items: center;
      margin-left: 10%;
    }
  }
  .content {
    background-color: #E8F6FA;
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    &-left {
      background-color: white;
      height: 100%;
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      &-img {
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      &-footer {
        height: 20%;
        width: 100%;
        display: flex;
        flex-direction: column;
        &-data {
          flex: 1;
          background-color: aquamarine;
          height: 30px;
          display: flex;
          align-items: center;
          .item{
            margin-left: 5px;
            display: flex;
            margin-right: 40px;
            align-items: center;
          }
        }
        &-table{

        }
      }
    }
    &-right {
      width: 49%;
      height: 100%;
      min-height: 100%;
      display: flex;
      flex-direction: column;
      //justify-content: space-between;
      //align-items: center;
      //border: 1px solid rebeccapurple;
      .item {
        background-color: white;
        margin: 2px;
        height: 33.3333%;
        width: 100%;
        //border: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
  .footer {
    background-color: aquamarine;
    height: 100px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
